<!--
 * @Author: Sunday
 * @Date: 2020-10-09 14:50:02
 * @LastEditors: Sunday
 * @LastEditTime: 2020-10-09 14:50:02
 * @Description: file content
-->
<!DOCTYPE html>
<html lang="zh-cn">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>图表库v2.0</title>
	<link rel="stylesheet" href="./assets/css/reset.css">
	<link rel="stylesheet" href="./assets/font-awesome-4.7.0/css/font-awesome.min.css">
	<!-- <link rel="stylesheet" href="./assets/fonts/DS-DIGI-1.css">
		<link rel="stylesheet" href="./assets/fonts/DIN-Bold.css">
		<link rel="stylesheet" href="./assets/fonts/Impact.css">
		<link rel="stylesheet" href="./assets/fonts/DIN Medium.css"> -->
	<link rel="stylesheet" href="./assets/fonts/YouSheBiaoTiHei.css">
	<!-- <link rel="stylesheet" href="./assets/css/num-globle.css"> -->
	<!-- <link rel="stylesheet" href="./assets/swiper-4.5.3/css/swiper.min.css"> -->
	<link rel="stylesheet" href="./assets/layui/css/layui.css">
	<link rel="stylesheet" href="./assets/highlight/styles/atom-one-dark.css">
	<link rel="stylesheet" href="./assets/css/index.css">
</head>

<body>
	<!-- <pre><code class="language-scss"></code></pre> -->
	<!-- <pre><code class="language-javascript"></code></pre> -->
	<!-- <pre><code class="language-html"></code></pre> -->

	<!-- <div class="lang-type">dom</div>
		<pre><code class="language-html"></code></pre>
		<div class="lang-type">scss</div>
		<pre><code class="language-scss"></code></pre>
		<div class="lang-type">javascript</div>
		<pre><code class="language-javascript"></code></pre> -->

	<!-- 容器 -->
	<div class="layout-container">
		<div class="uptime"><i class="fa fa-calendar-check-o"></i>更新时间：2021年2月24日 11点06分</div>
		<div class="help"><i class="fa fa-question-circle-o"></i>使用帮助</div>
		<!-- 头部 -->
		<div class="header">图表库v2.0(echarts5.0.1)</div>
		<!-- 主要内容 -->
		<div class="layout-body">
			<div class="flex-left">

				<!-- 导航 -->
				<div class="left-nav">
					<a class="item" href="#i_1">折线图</a>
					<a class="item" href="#i_2">柱形图</a>
					<a class="item" href="#i_3">饼图</a>
					<a class="item" href="#i_4">仪表盘</a>
					<a class="item" href="#i_5">水滴图</a>
					<a class="item" href="#i_6">字符云</a>
					<a class="item" href="#i_7">雷达图</a>
					<a class="item" href="#i_8">关系图</a>
					<a class="item" href="#i_9">3d饼图</a>
					<a class="item" href="#i_10">树状数据</a>
				</div>
				<!-- 导航 -->

			</div>
			<div class="flex-mid scroll-wrap">
				<!-- 分割线 -->
				<!-- 折线图 -->
				<div class="common-panel" id="i_1">
					<div class="panel-header"></div>
					<div class="panel-body">
						<div class="desc">折线图1</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_line_1">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">折线图2</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_line_2">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">折线图3</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_line_3">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">折线图4</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_line_4">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">折线图5</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_line_5">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">折线图6</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_line_6">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">折线图7(水平轮播)</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_line_7">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
					</div>
				</div>
				<!-- 折线图 -->

				<!-- 柱形图 -->
				<div class="common-panel" id="i_2">
					<div class="panel-header"></div>
					<div class="panel-body">
						<div class="desc">柱形图1</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_bar_1">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">柱形图2</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_bar_2">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">柱形图3</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_bar_3">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">柱形图4</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_bar_4">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">柱形图5</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_bar_5">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">柱形图6</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_bar_6">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">柱形图7</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_bar_7">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">柱形图8</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_bar_8">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">柱形图9</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_bar_9">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">柱形图10</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_bar_10">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">柱形图11</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_bar_11">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">柱形图12</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_bar_12">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">柱形图13 水平轮播</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_bar_13">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">柱形图14 垂直轮播</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_bar_14">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">柱形图15</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_bar_15">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">柱形图16</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_bar_16">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">柱形图17</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_bar_17">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">柱形图18</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_bar_18">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">柱形图19</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 10rem;">
									<div class="chart text-center" id="chart_bar_19">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">柱形图20</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 10rem;">
									<div class="chart text-center" id="chart_bar_20">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">柱形图21</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 10rem;">
									<div class="chart text-center" id="chart_bar_21">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">柱形图22</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 10rem;">
									<div class="chart text-center" id="chart_bar_22">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
					</div>
				</div>
				<!-- 柱形图 -->

				<!-- 饼图 -->
				<div class="common-panel" id="i_3">
					<div class="panel-header"></div>
					<div class="panel-body">
						<div class="desc">饼图1</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_pie_1">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">饼图2</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_pie_2">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">饼图3</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_pie_3">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">饼图4</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_pie_4">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">饼图5</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_pie_5">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">饼图6</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_pie_6">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">饼图7</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_pie_7">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">饼图8(饼图轮播)</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_pie_8">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
					</div>
				</div>
				<!-- 饼图 -->

				<!-- 仪表盘 -->
				<div class="common-panel" id="i_4">
					<div class="panel-header"></div>
					<div class="panel-body">
						<div class="desc">仪表盘1</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_gauge_1">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">仪表盘2</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_gauge_2">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">仪表盘3</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_gauge_3">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">仪表盘4</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_gauge_4">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">仪表盘5</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_gauge_5">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">仪表盘6</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_gauge_6">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
					</div>
				</div>
				<!-- 仪表盘 -->

				<!-- 水滴图 -->
				<div class="common-panel" id="i_5">
					<div class="panel-header"></div>
					<div class="panel-body">
						<div class="desc">水滴图1</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_water_1">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">水滴图2</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_water_2">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
					</div>
				</div>
				<!-- 水滴图 -->

				<!-- 字符云 -->
				<div class="common-panel" id="i_6">
					<div class="panel-header"></div>
					<div class="panel-body">
						<div class="desc">字符云1</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_word_1">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">字符云2 （需要在localhost下启动）</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 8rem;">
									<div class="chart text-center" id="chart_word_2">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
					</div>
				</div>
				<!-- 字符云 -->

				<!-- 雷达图 -->
				<div class="common-panel" id="i_7">
					<div class="panel-header"></div>
					<div class="panel-body">
						<div class="desc">雷达图1</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_radar_1">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
					</div>
				</div>
				<!-- 雷达图 -->

				<!-- 关系图 -->
				<div class="common-panel" id="i_8">
					<div class="panel-header"></div>
					<div class="panel-body">
						<div class="desc">关系图1</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 7rem;">
									<div class="chart text-center" id="chart_graph_1">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
					</div>
				</div>
				<!-- 关系图 -->

				<!-- 3d饼图 -->
				<div class="common-panel" id="i_9">
					<div class="panel-header"></div>
					<div class="panel-body">
						<div class="desc">3d饼图1</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="pie_3d_1">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
						<div class="desc">3d饼图2</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="pie_3d_2">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
					</div>
				</div>
				<!-- 3d饼图 -->

				<!-- 树状数据 -->
				<div class="common-panel" id="i_10">
					<div class="panel-header"></div>
					<div class="panel-body">
						<div class="desc">树状数据1</div>
						<div class="flex">
							<div class="flex-item">
								<div class="chart-wrap" style="height: 5rem;">
									<div class="chart text-center" id="chart_tree_1">图表</div>
								</div>
							</div>
							<div class="flex-item">
								<div class="lang-type">javascript</div>
								<pre><code class="language-javascript"></code></pre>
							</div>
						</div>
					</div>
				</div>
				<!-- 树状数据 -->

				<!-- 分割线 -->
			</div>
		</div>
		<!-- 主要内容 -->
	</div>
	<!-- 容器 -->

	<!-- <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5.0.1/dist/echarts.min.js"></script> -->
	<script src="./assets/js/rem.js"></script>
	<script src="./assets/js/jquery-1.8.3.min.js"></script>
	<script src="./assets/js/echarts5.0.1.min.js"></script>
	<script src="./assets/js/echarts-liquidfill.min.js"></script>
	<script src="./assets/js/echarts-wordcloud.min.js"></script>
	<script src="./assets/js/highcharts.js"></script>
	<script src="./assets/js/highcharts-3d.js"></script>
	<script src="./assets/js/highcharts-zh_CN.js"></script>
	<script src="./assets/js/base.js"></script>
	<script src="./assets/js/common.js"></script>
	<script src="./assets/js/S_mock.js"></script>
	<script src="./assets/js/chart.js"></script>
	<!-- <script src="./assets/js/jquery.nicescroll.min.js"></script> -->
	<!-- <script src="./assets/swiper-4.5.3/js/swiper.min.js"></script> -->
	<!-- <script src="./assets/js/jquery.SuperSlide.2.1.3.js"></script> -->
	<script src="./assets/layer/layer.js"></script>
	<!-- <script src="./assets/layui/layui.js"></script> -->
	<script src="./assets/highlight/highlight.pack.js"></script>
	<script src="./assets/js/index.js"></script>
	<script>
		hljs.initHighlightingOnLoad();
	</script>
	<script>
		function loadScript(src, callback) {
			var script = document.createElement('script'),
				head = document.getElementsByTagName('head')[0];
			script.type = 'text/javascript';
			script.charset = 'UTF-8';
			script.src = src;
			if (!callback) callback = function () {};
			if (script.addEventListener) {
				script.addEventListener('load', function () {
					callback();
				}, false);
			} else if (script.attachEvent) {
				script.attachEvent('onreadystatechange', function () {
					var target = window.event.srcElement;
					if (target.readyState == 'loaded') {
						callback();
					}
				});
			}
			head.appendChild(script);
		}

		//寻找所有code标签，加复制按钮鸭！ 
		var codes = document.getElementsByTagName('code');
		if (codes.length) {
			for (var i = 0; i < codes.length; i++) {
				var code_id = "code_id_" + i;
				var btn = document.createElement("button");
				btn.setAttribute("class", "copy_btn");
				btn.setAttribute("data-clipboard-target", "#" + code_id);
				codes[i].setAttribute("id", code_id);
				btn.innerHTML = '复制代码';
				codes[i].parentNode.insertBefore(btn, codes[i]);
			}
			loadScript("./assets/highlight/clipboard.min.js", function () {
				var cop = new ClipboardJS('.copy_btn');
				cop.on('success', function (e) {
					layer.msg("复制成功");
					e.clearSelection();
				});
				cop.on('error', function (e) {
					layer.msg("复制失败了，但是已经全选了惹...手动复制吧勇士！");
				});
			});
		}
	</script>
</body>

</html>